String length

This method allows you to see the length of a string

Example:

The length of the string of "I am doing homework." is:

Needed code:
<p id="stringlength"></p>
<script>
const text = "I am doing homework."
document.getElementById("stringlength").innerHTML = text.length;

Concat

This method joins two strings together

Example:

Code:
<p id="concatex"></p>
<script>
let context1 = "One string";
let context2 = "Two string";
let context3 = context1.concat(" ",context2);
document.getElementById("concatex").innerHTML = context3;

Trim

This method removes whitespace from both sides of a string

Exmaple:

Text1: This has too much whitespace.

Text2:This has too much whitespace.

Code:
<p id="How much space"></p>
<script>
let trimtext1 = " This has too much whitespace. ";
let trimtext2 = trimtext1.trim(); document.getElementById("How much space").innerHTML = "Length text1 = " + trimtext1.length + "<br>Length text2 = " + trimtext2.length; </script>

Slice

slice will extract a part of a String

Example:

HTML, CSS, Javascript

Code:
<p id="slicestring"></p>
<script>
let slicestring = "HTML, CSS, Javascript";
let CSS = slicestring.slice(6,9);
document.getElementById("slicestring").innerHTML = CSS;
</script>

toUpperCase

This turns all letters to uppercase in a string

Example:

This will become uppercase

Code:
<button onclick="turnuppercase()>Uppercase<button>
<p id="uppercaseex">This will become uppercase</p>
<script>
function turnuppercase(){
let text = document.getElementById("uppercaseex").innerHTML;
document.getElementById("uppercaseex").innerHTML = text.toUpperCase()}
</script>

toLowerCase

This turns all letters to lowercase in a string

Example:

THIS WILL BECOME LOWERCASE

Code:
<button onclick="turnlowercase()">lowercase<button>
<p id="uppercaseex">THIS WILL BECOME LOWERCASE</p>
<script>
function turnlowercase(){
let text = document.getElementById("lowercaseex").innerHTML;
document.getElementById("uppercaseex").innerHTML = text.toUpperCase()}
</script>

Replace

Allows you to replace the text in the string with other text.

Example:

The word Yes will change

Code:
<button onclick="Replacetext()">Try it<button>
<p id="replacetext">The word Yes will change</p>
<script>
function Replacetext(){
let text = document.getElementById("replacetext").innerHTML;
document.getElementById("replacetext").innerHTML = text.replace("Yes","No"); }
</script>

Split

Allows you to turn a string into an arrray

Example:

Turns, This, Into, An, Array, Where, Only, One, Will, Be, Shown

Code:
<p>Turns, This, Into, An, Array, Where, Only, One, Will, Be, Shown</p>
<p id="splitex"></p>
<script>
let arrayofwords = "Turns, This, Into, An, Array, Where, Only, One, Will, Be, Shown";
const myArray = arrayofwords.split(",");
document.getElementById("splitex").innerHTML = myArray[7];
</script>